﻿/*footer*/
.footer{ margin-top:20px;}
/*面包屑导航*/
.crumb{ margin-top:18px;color:#666;}
.crumb span{ color:#333; margin-left:10px;}
.crumb a{ color:#666;margin:0 10px 0 10px;}
.crumb a:hover{ color:#ed5400;}
.crumb a.crumb-index{ margin-left:0;}
/*步骤*/
.steps{ height:30px; background:url(../../img/sell/steps.png) no-repeat;margin-top:18px; }
.steps li{ float:left; display:block; width:237px; height:30px; line-height:30px; color:#b8b8b8; font-weight:700; font-size:14px; text-align:center;}
.step1{ background-position:0 0 ;}
.step2{ background-position:0 -30px ;}
.step3{ background-position:0 -60px ;}
.step4{ background-position:0 -90px ;}
.step1 li.step1, .step2 li.step2, .step3 li.step3, .step4 li.step4{ color:#fff;}
/*sale form*/
.sale-form, .form-border{ padding:30px 40px;}
.form-bd{ border:solid 1px #ddd; margin-top:10px;}
.form-border{ border:solid 4px #fed;}
.form-title, .form-title-no{ padding:0 0 4px 26px; color:#242424; font-size:14px; font-weight:700; border-bottom:dotted 1px #b8b8b8; background:url(../../img/sell/title.png) no-repeat 15px 4px; }
.form-title-no{ border-bottom-width:0;}
.form-title span{ float:right; color:#b8b8b8; font-size:12px; font-weight:300;}
.form{ padding:14px 0 0px;}
.form-field{ padding:6px 0; padding-left:220px; color:#242424; font-size:14px; }
.form-field-minheight{ height:21px;}
.form-label{ width:210px; margin-left:-220px; font-size:14px; line-height:22px; height:20px; overflow:hidden; color:#666;}
.form-label-captcha{ margin-top:10px;}
.form-label-bd{color:#666; margin-left:32px;}
.form-label-input{ margin:0 12px 0 0px; vertical-align:middle;}
.form-label-input input{ margin-right:4px;}
.form-select{width:182px; height:24px; border:solid 1px #d1d1d1; margin-right:20px;}
.form-select-num{ width:86px;}
.form-price{ margin-right:10PX; color:#ed5400; font-family:Tahoma; font-weight:700;}
.form-text{width:176px; height:20px; border:solid 1px #d1d1d1; padding:0 2px; line-height:20px;vertical-align:middle;}
.form-text-onfocus{ border-color:#666;}
.form-text-onerror{ border-color:#f00;}
.form-text-captcha, .form-text-num{ width:90px;}
.form-text-disabled{ border-color:#fff;}
.form-textarea{ width:580px; height:240px; padding:8px; margin-top:10px; border:solid 1px #d1d1d1;}
.form-captcha{ display:inline-block;}
.form-captcha-img{ margin-left:10px;vertical-align:middle; cursor:pointer;}
.form-captcha-a{ color:#ed5400; margin-left:10px;font-size:12px; text-decoration:underline;cursor:pointer;}
.form-require{ color:#ce1718; margin-right:8px;}
.form-require-margin{margin-left:-10px;}
.form-tip{ margin-left:10px; font-size:12px; color:#666;}
.form-help{ color:#ed5400; margin-left:10px;font-size:12px; text-decoration:underline;}
.form-review, .form-rule{ color:#666; text-align:center; margin-top:20px;}
.form-review button{border:0; width:80px; height:25px; margin-left:16px; display:inline-block; text-align:center; line-height:24px; color:#333; text-decoration:none; background:url(../../img/sell/btn-message.png) no-repeat 0 -25px;}
.form-rule a{ color:#ed5400;text-decoration:underline;}
.form-rule input{ vertical-align:middle; margin-right:8px;}
.form-button{ margin-top:32px; text-align:center; }
.form-btn-next, .form-btn-next-disable{ width:150px; height:36px; line-height:25px; padding:3px 0 12px 0; vertical-align:middle; border:0; color:#fff; font-weight:700; font-size:20px; background:url(../../img/sell/btn-next.png) no-repeat;}
.form-btn-next-disable{ background-position:0 -36px; cursor:default;}
.form-btn-backedit{width:150px; height:40px; display:inline-block; vertical-align:middle; border:0; background:url(../../img/sell/light-btn.png) no-repeat 0 -40px; margin-left:10px;}
/*light*/
.light-form{ padding:10px 0;}
.light-form table{ width:100%;}
.light-form td{ padding-top:8px;}
.light-form td.label{ width:100px; text-align:right; padding-right:10px;}
.light-btn{ height:40px; text-align:center; padding-top:20px;}
.light-btn button{ margin:0 10px; width:150px; height:40px; border:0; background:url(../../img/sell/light-btn.png) no-repeat;}
.light-btn button.light-btn-confirmpost{ background-position:0 0;}
.light-btn button.light-btn-backedit{ background-position:0 -40px;}
.light-btn button.light-btn-confirm{ background-position:0 -80px;}
.light .form-message{ margin-top:10px;}
/*light ekey*/
.light-ekey{}
.light-ekey .light-hd{ padding:10px 20px;}
.light-ekey .light-hd h5{ padding-bottom:8px; border-bottom:dotted 1px #d1d1d1;}
.light-ekey .light-bd{ padding-left:64px; padding-right:64px;}
.light-ekey .form-message{ height:20px; margin-left:0;}
.light-ekey .form .form-message{ margin-top:0;}
.light-ekey .form-message .error{ margin-left:0;}
.light-ekey .form-field{ padding-left:160px;}
.light-ekey .form-label{ width:150px; margin-left:-150px; font-size:12px;}
.ekey-label,.ekey-input{ height:22px; margin-top:10px;}
.ekey-label li{ width:88px; height:20px; float:left; margin-right:10px; border:solid 1px #f0b57b; padding:1px; background-color:#fff6d5;}
.ekey-label span{ width:86px; height:18px; display:block; text-align:center; color:#242424; background-color:#fff2cb;}
.light-ekey input{ width:88px; height:18px; padding:1px; text-align:center; margin-right:10px; float:left; border:solid 1px #d1d1d1;}
.light-ekey input.onfocus{ border-color:#666;}
.light-ekey input.onerror{ border-color:#f00;}

/*shopping message*/
.shopping-message{ border:solid 1px #f0b57b; margin-top:24px;}
.message-border{ border:solid 3px #faefdd; background-color:#fff; padding:10px;}
.message{ margin:20px 0 20px 20px; padding-left:54px;}
.message s{ margin-left:-54px;}
.message dt{ padding-top:10px;}
.message a.btn,.message a.btn:hover, .message a.btn-gray, .message a.btn-gray:hover, .message a.btn-grays, .message a.btn-grays:hover{border:0; width:80px; height:25px; display:inline-block; text-align:center; line-height:24px; color:#333; text-decoration:none; background:url(../../img/sell/btn-message.png) no-repeat; margin-top:16px;}
.message a.btn-gray, .message a.btn-gray:hover{ background-position:0 -26px;}
.message a.btn-grays, .message a.btn-grays:hover{ background-position:0 -52px; width:140px;}
.message li{ padding-bottom:4px; list-style:disc inside; }
.message-tip{ margin-top:32px; padding-top:12px; border-top:dotted 1px #b8b8b8; text-align:right;}
.message-tip a{ margin-left:10px; color:#ed5400; text-decoration:underline;}
.message-tips{ float:right;width:160px;  margin-top:20px; padding-left:20px; border-left:solid 1px #ddd;}
.message-tips h5{ font-weight:700; padding-bottom:8px;}
.message-tips a{ display:block; color:#ed5400; text-decoration:underline;}
.message-tips ul{margin-left:14px;  color:#ed5400;}
.message-tips li{list-style-type:disc; list-style-position:outside; }
/*ad*/
.ad{ height:100px; margin-top:20px; margin-left:-10px;}
.ad a{margin-left:10px; padding:1px; border:solid 1px #d2d2d2; float:left; display:inline-block;width:226px; height:98px;}
.ad a:hover{ border-color:#ed5400;}
.ad img{width:226px; height:98px; }
/* form message */
.form-message{ margin-left:10px;vertical-align:middle;}
.form-message-more{ margin:10px 0 0 0;}
.form-message i, .form-message s{ display:inline-block; float:left; width:18px; height:18px; background:url(../../img/sell/form-message.png) no-repeat -999px -999px;}
.form-message .attention{color:#666; font-size:12px; background-color:#fffaef; border:solid 1px #f5dcc4;padding-right:4px; padding-top:2px;}
.form-message .attention i{ background-position:0 -36px; }
.form-message .success i{ background-position:0 0; }
.form-message .error{ font-size:12px; border:solid 1px #ff8d22; background-color:#fffada; margin-left:12px; padding-right:4px; color:#f00;}
.form-message .error i{ background-position: 0 -18px;}
.form-message .error s{ background-position: 0 -144px; margin-left:-12px; width:12px; position:relative; z-index:1; }
.form-message .tip{ color:#666; font-size:12px; background-color:#fffaef; border:solid 1px #f5dcc4;padding-right:4px; padding-top:2px;}
.form-message .tip i{ background-position:0 -54px; margin-top:-1px;}
.form-message .tip span{ margin:0 4px; color:#ed5400;}
/*game select*/
.select-form{ padding:30px 0; }
.olservice{ float:right; display:block; width:80px; height:20px; background:#fff url(../../img/sell/os.png) no-repeat;}
.game-select{ margin-top:30px; border:solid 1px #d1d1d1;}
.game-select-border{ border:solid 2px #f6f6f6; background:#fff url(../../img/sell/game-selectbg.png) repeat-x; position:relative; }
.game-select-bd{ margin:0 24px 24px 20px; width:900px; height:350px;overflow:hidden; position:relative;}
.game-select-content{ position:absolute;}
.turnleft, .turnleft-enable, .turnright, .turnright-enable{ width:15px; height:29px; border:0; display:block; position:absolute; background:url(../../img/sell/game-turntab.png);  margin-top:140px; cursor:default;}
.turnleft{ background-position:0 0; left:4px;}
.turnleft-enable{ background-position:0 -29px;left:4px; cursor:pointer;}
.turnright{ background-position:-15px 0; right:4px;}
.turnright-enable{ background-position:-15px -29px;right:4px;cursor:pointer;}
.game-select dl{  float:left; margin-left:4px; display:inline;}
.game-select-search{width:120px; background:url(../../img/sell/game-selecttip.png) no-repeat 4px -32px; z-index:2; padding-left:20px; height:21px; border:solid 1px #adadad; margin:1px 0 0 1px; position:relative;}
.game-select-search input{ width:120px; border:0; height:21px; line-height:21px;line-height:21px; color:#666; }
.game-select dd.game-select-label{ width:130px; height:32px; padding-left:16px; line-height:28px; color:#242424; font-size:14px; font-weight:700; margin-top:32px;background:url(../../img/sell/game-selectlabel.png) no-repeat 0 0;}
.game-select dd.game-select-content{width:144px; height:282px; border:solid 1px #d1d1d1;}
.game-select ul{width:144px; height:257px; overflow-y:scroll;}
.game-select li{ line-height:26px; cursor:pointer; padding-left:10px;}
.game-select li.now{ color:#ed5400; background-color:#faefdd;}
.game-selected{ border:solid 1px #f0b57b; margin-top:10px;}
.game-selected-border{ border:solid 2px #faefdd; line-height:26px; padding-left:8px;}
.game-selected-label{ float:left;}
.game-selected-content{ padding-left:100px;}
.game-selected-content span{ margin-left:8px;}
.game-selected-content label{ margin-right:8px; }